* {
	padding: 0;
	margin: 0;
}
html,
body {
	height: 100%;
}

div.test {
	width: 1rem /* 100/100 */;
	height: 1rem /* 100/100 */;
	background-color: red;
}

// body
body {
	display: flex;
	flex-direction: column;
	background: #000d4a url(../imgs/bg.jpg) center top;
}

// header
header {
	width: 100%;
	height: 105px;
	line-height: 105px;
	background: url(../imgs/head_bg.png) no-repeat center center;
	position: relative;
	text-align: center;
	color: #fff;

	// h1
	h1 {
		font-size: 0.42rem /* 42/100 */;
	}

	span {
		font-size: 0.3rem /* 30/100 */;
		position: absolute;
		right: 0.2rem /* 20/100 */;
		top: -0.1rem;
	}
}

// main
.main {
	flex: 1;
	display: flex;
	justify-content: space-between;
	margin: 0.2rem /* 20/100 */;
	// background-color: red;

	.column {
		width: 24%;
		height: 100%;
		// background-color:green;

		&:nth-of-type(1) {
			.box-l2 {
				overflow: hidden;
			}
			.alltitle {
				margin: 0.1rem 0 0.1rem 0.2rem;
				padding-left: 0.1rem;
				border-left: 0.05rem solid skyblue;
				color: #fff;
				line-height: 0.2rem;
				font-size: 0.2rem;
			}
			.wraptit {
				color: #fff;
				display: flex;
				justify-content: space-around;
				padding: 0.05rem 0;
				border-bottom: gray 0.01rem solid;
				// background-color: red;
			}
			.str_wrap {
				overflow: hidden;
				ul {
					margin-top: 0.1rem;
					position: relative;
					top: 0px;
					left: 0px;
					list-style: none;
				}
				// text-align: center;
				li p {
					display: flex;
					text-align: center;
					justify-content: space-around;
					padding: 0.05rem 0;
					span {
						color: #fff;
						width: 25%;
						// background-color: red;
					}
				}
			}
		}
		&:nth-of-type(2) {
			width: 52%;
			height: 100%;
			margin: 0 0.2rem;
			// background-color: blue;
			.box-m1 {
				width: 100%;
				height: 2.3rem;
				display: flex;
				// background: #000;

				.leftWord {
					padding-left: 0.1rem;
					width: 45%;
					// background-color: aqua;
					span {
						display: inline-block;
						width: 3rem;
						line-height: 0.8rem;
						color: #fff;
						padding-bottom: 0.1rem;
						border-bottom: rgba(255, 255, 255, 0.2) 0.01rem solid;
						font-size: 0.25rem;
					}
					.number1 {
						margin-top: 0.2rem;
						color: yellow;
						font-size: 0.6rem;
						font-weight: 900;
					}
				}

				.rightImgs {
					flex: 1;
					display: flex;
					justify-content: space-around;
					// background-color: azure;
					.Imgs {
						display: flex;
						flex-direction: column;
						padding: 0.2rem 0.1rem;
						// background-color: red;
						span {
							display: inline-block;
							text-align: center;
							height: 0.5rem;
							color: #fff;
							line-height: 0.5rem;
						}
						.round {
							// width: 100%;
							width: 1.67rem;
							height: 1.6rem;
							// background-color: red;
						}
					}
				}
			}
		}

		&:nth-of-type(3) {
			.box-r1 {
				overflow: hidden;
			}
			.box-r2 {
				overflow: hidden;
			}
			.alltitle {
				margin: 0.2rem 0 0.2rem 0.2rem;
				padding-left: 0.1rem;
				border-left: 0.05rem solid skyblue;
				color: #fff;
				line-height: 0.25rem;
				font-size: 0.25rem;
			}
			tbody {
				tr {
					//    display: table-row;
					text-align: center;
					color: #ccc;

					td {
						padding: 0.05rem 0;
					}
				}
				tr:nth-of-type(1) {
					th {
						padding: 0.1rem 0;
						margin-bottom: 0.1rem;
						border-bottom: gray 0.01rem solid;
						color: #fff;
					}
				}
			}
		}
		// box
		.box {
			width: 100%;
			background: rgba(0, 0, 0, 0.2);
			// background-color: yellow;
			margin-bottom: 0.15rem;
		}
	}
}
